[v-cloak]{ display: none; }
.cur{cursor: pointer;}
.flex-rict{display: flex; align-items: center; justify-content: flex-end;}

$red:#02C176;
$red1:#036A61;
$bg1:#F8F8F8;
$red2:#F77421;
.flex-ct{align-items: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -ms-flex-pack: justify;  justify-content: center;}
.flex-bect{align-items: center; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -ms-flex-pack: justify;  justify-content: space-between;}
.flex-lect{-moz-align-items: center; -ms-jalign-items: center; -o-align-items: center; -ms-flex-pack: align;align-items: center}
.flex1{flex: 1; width: 100%;}
#app{}
.box{max-width: 100%; min-width: 92%;}
.main-layout {
  padding-top: 1.14rem;
  overflow: hidden;
  &.main-layout-nohead {
    padding-top: 0;
  }
}
#header{
  position: fixed; z-index: 30; background-color: #fff;width: 100%;top: 0;max-width: 750px;
  .top{ height: 1.14rem;}
  .tip{border-radius: 40px; border: 1px solid #ddd; padding: 0 0.2rem; height:0.46rem; font-size: 0.16rem; margin-left: 0.2rem;}
  .logo{
    max-width: 0.8rem;
    img{max-height: 0.4rem; display: block;}
  }
  .ico-ph{
    font-size: 0.24rem; flex: 1; width: 100%; margin-right: 0.2rem;
    img{display: block; width: 0.44rem; min-width: 0.44rem; margin-right: 0.1rem;}
    
  }
  
}
.ov{overflow: hidden;}
.main-line{height: 0.2rem; background-color: #F8F8FA;}
$h6:4px;
#banner{
  position: relative;background: linear-gradient(183deg, #02C176, #FFFFFF);
  .form{
    color: #fff; padding: 0.34rem 0;
    .ico{width: 0.33rem; display: block; margin: 0 auto 0.05rem;}
    b{font-size: 0.2rem; line-height: 1; text-align: center; display: block;}
    .text{
      padding: 0 0.6rem; background-image: url(../image/ico-ss1.png); background-size: 0.24rem; background-repeat: no-repeat; background-position: 0.23rem center; background-color: transparent; height: 0.56rem; font-size: 0.2rem; color: #fff;
      &::placeholder{color: #B9FFEC;}
    }
    .div{position: relative; border: 1px solid #CEFFF1; flex: 1; margin-left: 0.3rem;}
    .btn{width: 1.2rem; height: 0.56rem; font-size: 0.28rem; color: #036A61; background-color: #fff;}
  }
  .swiper-slide .img{height: 4.6rem; width: 100%;}
  .ban-dot{
    position: absolute; width: 100%; left: 0; bottom: 0.3rem; z-index: 1; text-align: center;
     span{background-color: #fff; opacity: 0.2; width: 0.2rem; height: 0.2rem; margin: 0 0.1rem;}
     .swiper-pagination-bullet-active{opacity: 1;}
  }
}
.home-nav{
  text-align: center; padding: 0.35rem 0;
  .ico{width: 0.66rem; height: 0.66rem; display: block; margin: 0 auto 10px;}
  .tit{font-size: 0.24rem; line-height: 1; padding: 0 0.05rem;}
  .swiper-slide{width: auto;}
  .ban-dot{ margin-top: 0.3rem;}
  .dd{width: 20%;}
}
.chang.ban-dot{
   background-color: #F8F8FA; border-radius:$h6; overflow: hidden; height: $h6;
  span{width: 0.3rem; height: $h6;opacity: 1; margin: 0;background-color: #F8F8FA;border-radius: 0px; vertical-align: top;}
  .swiper-pagination-bullet-active{background-color: $red;}
}
.home-main1{
  padding: 0.4rem 0;
  .ico{width: 1rem; height: 1rem; object-fit: cover; overflow: hidden; margin: 0 auto 0.15rem; display: block;}
  .imga{color: #5C697A; width: 100%; text-align: center; margin-bottom: 0.26rem;}
  .list{flex-wrap: wrap;}
  .swiper-slide{width: auto;}
}
.htit{margin-bottom: 0.4rem; font-weight: bold;}
.home-main2{
  padding: 0.5rem 0;
  .xueliList{
    .dd{
      padding: 0 1rem 0 2.2rem; background-position: center; background-repeat: no-repeat;background-size: 100% 100%; height: 2rem; margin-bottom: 0.38rem;
      .h2{margin-bottom: 0.1rem;}
      .np{margin-bottom: 0.2rem;}
      .btn{width: 1.3rem; height: 0.4rem; color: #fff;}
    }
    .dd0{
      background-image: url(../image/home-2-1@2x.png);
      .btn{background-color: #8CB2FF;}
    }
    .dd1{
      background-image: url(../image/home-2-2@2x.png);
      .btn{background-color: #FFD978;}
    }
    .dd2{
      background-image: url(../image/home-2-3@2x.png);
      .btn{background-color: #5DD6FF;}
    }
    .dd3{
      background-image: url(../image/home-2-4@2x.png);
      .btn{background-color: #FFBE9D;}
    }
  }
}
.padd{padding: 0.6rem 0;}
.home-main3{
  .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  .item{
    box-shadow: 0px 1px 7px 0px rgba(191,191,191,0.51); padding: 0 0.23rem; height: 0.7rem; width: auto; white-space: nowrap; margin-bottom: 0.3rem;
    &::after{content:''; width:0.4rem; height: 0.4rem; background-position: center; background-repeat: no-repeat; background-size: 90%; }
    &.ico1::after{background-image: url(../image/ico-b.png);}
    &.ico2::after{background-image: url(../image/ico-hot.png);}
    &.ico3::after{background-image: url(../image/ico-new.png);}
  }
}
.home-main4{
  background-color: #F5F6F8;
  .top{
    margin: 0 -0.22rem; margin-bottom: 0.32rem; background-color: $red; color: #fff; border-radius: 0.1rem 0.1rem 0 0;
    .dd{
      height: 0.8rem; width: 25%; font-size: 0.3rem;
      &.on{background-color: #fff;box-shadow: 0px -10px 10px 0px rgba(185,185,185,0.27); border-radius: 0.1rem; height: 1.1rem; margin: -0.15rem 0; color: $red; font-size: 0.36rem;}
    }
  }
  .middle{align-items: stretch;}
  .item1{
    border:1px solid #B9B9B9; border-radius: 0.1rem; margin-bottom: 0.18rem; padding: 0.22rem;
    .p1{font-size: 0.24rem; color: $red;}
    .p2{font-size: 0.2rem;}
    &:last-child{margin-bottom: 0;}
  }
  .right{
    margin-left: 0.15rem; border-radius: 0.1rem; width: 3.4rem;
  }
  .middle{margin-bottom: 0.24rem;}
  .logos{
    .dd{width: 33%; height: 0.9rem;}
  }
  .news{
    .imga{font-size: 0.2rem; padding-right: 1.2rem !important; position: relative; padding: 0.2rem 0; border-bottom: 1px solid #ddd;}
    .imga:last-child{border-bottom: none;}
    .btn{
      width: 1rem; height: 0.4rem;font-size: 0.18rem; background-color: $red; color: #fff; position: absolute;right: 0; top:50%; transform: translateY(-50%);
      &::after{content: ''; border: 4px solid transparent; border-left-color:#fff; border-right: none; margin-left: 0.1rem;}
    }
  }
  .content{
    background-color: #fff; padding: 0 0.22rem;
  }
}

.home-main5{
  .list{flex-wrap: wrap; align-items: stretch;}
  .dd{position: relative; padding: 0.2rem; width: 48%; margin-bottom: 0.2rem; padding-right: 1.1rem;}
  .imgW{width: 1rem; height: 1rem; position: absolute;  right: 0.1rem; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: flex-end;}
  .ico{max-width: 100%; max-height: 100%; display: block;}
  .re{z-index: 10;}
  .ntit{font-size: 0.26rem; margin-bottom: 0.06rem;}
  .np{font-size: 0.16rem; color: #666; max-width: 100%;}
  .dd0{background-color: #F4F7FB;}
  .dd1{background-color: #F2FEFC;}
  .dd2{background-color: #F2FEFC;}
  .dd3{background-color: #F5F7FB;}
  .dd4{background-color: #F4F7FB;}
  .dd5{background-color: #F2FEFC;}
  
}

.home-main6{
  position: relative;
  .swiper-slide{
    .img{height: 3.2rem;}
  }
  .ban-dot{
    position: absolute; bottom: 0.3rem; left: 0; width: 100%; z-index: 30;
    span{background-color: rgba(255,255,255,0.6); opacity: 1;}
    .swiper-pagination-bullet-active{background-color: #fff;}
  }
}
.home-main7{
  .navs{
    .dd{ height: 0.5rem; font-size: 0.28rem; padding: 0 0.2rem;}
    .on{background-color: $red; color: #fff;}
  }
  .content{
    box-shadow: 0px 3px 21px 0px rgba(0,0,0,0.07);
    .con{
      background-size: cover;background-position: center; color: #fff; padding: 0.36rem;
      &.con0{background-image: url(../image/home-6-bg1.png);}
      &.con1{background-image: url(../image/home-6-bg2.png);}
      &.con2{background-image: url(../image/home-6-bg3.png);}
      .h2{margin-bottom: 0.24rem; font-size: 0.3rem;}
      .np{font-size: 0.2rem;}
      .btn{background-color: #fff; color: #666666; font-size: 0.18rem; border-radius: 0.2rem; padding: 0 0.2rem; height: 0.4rem;}
    }
    .news{
      padding:0.2rem; padding-bottom: 0.1rem;
      .dd{position: relative; padding-right: 2rem; background-color: #F8FAFD; height: 0.65rem; padding-left: 0.1rem; margin-bottom: 0.12rem;}
      .view{position: absolute;right: 0.24rem; top: 50%; transform: translateY(-50%); color: #FF3636;}
    }
  }
  .more{background-color: $red; color: #fff; width: 2.6rem; height: 0.6rem; margin: 0.36rem auto 0;}
}
.home-main8{
  
}

.school{
  .htit{width: 100%;}
  .form{
    background-color: #F8FAFD; width: 4rem;
    .text{height: 0.6rem;background-color: #F8FAFD; font-size: 0.2rem; padding: 0 0.2rem 0 0.6rem; background-image: url(../image/ico-ss@2x.png); background-size: 0.24rem; background-position: 0.2rem center; background-repeat: no-repeat; width: 100%;}
  }
  .tabs{
    background-color: #F2FFFB; font-size: 0.3rem; border-radius: 0.3rem; height: 0.56rem; align-items: stretch; margin-bottom: 0.36rem;
    .dd{
      width: 22%; border-radius: 0.3rem; cursor: pointer;
      &.on{background-color: $red; color: #fff;}
    }
  }
  .screen{
    flex-wrap: wrap; margin-bottom: 0.4rem;
    .dd{
     margin-right: 0.3rem;
      .li{
        border-radius: 0.23rem; height: 0.45rem; padding: 0 0.1rem; font-size: 0.22rem; margin-bottom: 0.1rem;
        &.on{
          background-color: #E8FFF8; color: $red;
        }
      }
    }
  }
  .checked{
    margin-bottom: 0.5rem;
    .dd{border-radius: 0.28rem; padding: 0 .22rem; height: .43rem; display: flex;align-items: center; justify-content: center; background-color: $red; color: #fff; margin-right: .30rem; position: relative;}
    .close{ width: .24rem; height: .24rem; cursor: pointer; position: absolute; right: -0.20rem; top: -0.20rem; background-position: center; background-repeat: no-repeat; background-image: url(../image/ico-close.png); background-size: 100% 100%;}
  }
  .schoolList{
    
    font-size: 0.18rem;
    .imga{box-shadow: 0px 3px 21px 0px rgba(0,0,0,0.07);border-radius: 0.1rem; background-color: #fff; margin-bottom: 0.3rem;}
    .name{font-size: 0.26rem; font-weight: bold;}
    .youshi{color: #666;}
    .p{margin-top: 10px;}
    .school-box{ flex-wrap: wrap;}
    .lab{background-color: #F2FFFB; padding: 0 6px;}
    .imgW{width: 2.7rem; height: 2.8rem; min-width: 2.7rem;}
    .mlW{flex: 1;}
    .img{object-fit: cover; width: 100%; height: 100%;}
    .btn{
      width: 0.94rem; height: 0.4rem; border-radius: 0.2rem; font-weight: bold; margin-left: 4px;
      &:hover{border: 1px solid $red; color: $red; background-color: #fff;}
    }
    .btn1{background-color: #D2FFED; color: #1C7D3E;}
    .btn2{background-color: $red; color: #fff;}
    .address{flex: 1; width: 100%; margin-right: 10px;background-position: 0 center; background-repeat: no-repeat; color: $red;}
    .div{padding: 0 0.16rem;}
    .bottom{margin-top: 0.2rem;}
  }
}


.w3-form{
  padding-bottom: 0.4rem;
  .tit{font-weight: bold; font-size: 0.3rem; color: $red; text-align: center; margin-bottom: 0 !important; position: relative;z-index: 4;}
  .form{border:1px solid #ededed; padding: 0.4rem 0.2rem 0.2rem; margin-top: -0.1rem; border-radius: 0 0 0.1rem 0.1rem; margin-bottom: 0.35rem;}
  .el-input__inner{background: #F1F5F7; border: none; border-radius: 0.1rem; height: 0.75rem; font-size: 0.24rem; color:#000}
  // .el-icon-arrow-up:before{content: ''; background-image: url(../image/jt-3.png); width: 20px; height: 20px;}
  .el-icon-arrow-up:before{content: ''; display: block; background-image: url(../image/ico-x.png); width: 0.32rem; height: 100%; background-repeat: no-repeat; background-position: center; background-size: .32rem;}
  .el-input__icon{height: 100%;}
  .el-col{margin-bottom: 0.35rem; position: relative;}
  .submit{background-color: $red; height: 40px; width: 100%; font-size: 0.28rem; font-weight: bold; color: #fff;}
  .bottom{
    text-align: center; margin-top: 0.2rem;
    .ico{width: 0.8rem; height: 0.8rem; display: block; margin: 0 auto  0.16rem;}
  }
  
}
.bottom-copy{
  color: #999999; font-size: 0.22rem; padding:0.32rem 0;
  &.bg{background-color: #F8F8FA;}
  .p {
    margin-bottom: 0.1rem;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .sp{color: #000;}
}


.footer{
  background-color: #fff; box-shadow: 0px -9px 8px 0px rgba(188,185,185,0.28); padding: 0.13rem 0 0.3rem; height: 1.2rem; font-size: 0.28rem; position: fixed; z-index: 999; width: 100%; left: 50%; transform: translateX(-50%); bottom: 0; line-height: 1; max-width: 750px; text-align: center;
  .line{width: 1px; height: 0.34rem; background-color: #ddd;}
  .btn {background-color: $red; color: #fff; width: 2.16rem; height: 0.72rem;}
  .ico{width: 0.45rem; height: 0.45rem; display: block; margin: 0 auto;}
}
#app{padding-bottom: 1.16rem; overflow-x: hidden !important;}
.school-main1{
  background-color: #fff; margin-top: -0.2rem; border-radius: 0.4rem 0.4rem 0 0; position: relative;z-index: 2; padding:0.3rem 0;
  .top{
    margin-bottom: 0.2rem;
    .imgW{width: 1.38rem;}
    .mlW{flex: 1; width: 100%;}
    .lab{background-color: #EFEFEF; color: #666; padding: 0 0.15rem; margin-right: 0.1rem;}
    .address{background-position: 0 center; background-repeat: no-repeat; background-image: url(../image/address-ico.png); background-size: 0.2rem; padding-left: 0.24rem;}
    .h2{margin-bottom: 0.14rem;}
  }
  .bottom{
    box-shadow: 0px 0px 10px 0px rgba(171,171,171,0.35); padding: 0.4rem 0.3rem;
    .p{margin-bottom: 0.2rem;}
  }
  
}
.school-main2{
  .swiper-slide{background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(171,171,171,0.35);}
  .tit{margin-bottom: 0.1rem;}
  .np{color: #999;}
  .div{padding: 0.25rem; justify-content: space-between;}
  .ban2{width: 70%;}
}
.school-more{background-color: $red; color: #fff; min-width: 2.6rem; font-size: 0.2rem; padding: 0 0.3rem; height: 0.6rem; margin: 0.36rem auto 0;}
.school-main3{
  .list{
    flex-wrap: wrap; align-items: stretch;
    .dd{width: 43%; margin-bottom: 0.2rem;}
    .ico{width: 1.86rem; height: 1.81rem; display: block; margin: 0 auto;}
    .name{margin: 0.1rem 0; text-align: center;}
    .np{color: #666;}
    
  }
}
.school-main4{
  
  .tabs{
    .dd{width: 1.65rem; height: 0.62rem; border: 1px solid transparent; margin-left: 0.2rem;
      &.on{color: $red; border-color: $red;}
    }
  }
  .swiper-slide{
    .div{flex: 1; width: 100%; padding: 0 0.2rem;}
    .imgW{width: 2.7rem;}
    .btn{background-color: #E1E1E1; padding: 2px 0.2rem; margin-top: 0.2rem; display: inline-block;}
    .school-more{width: 1.4rem; margin: 0.2rem 0 0; min-width: 1.4rem; padding: 0;}
  }
  .ban-dot{margin-top: 0.3rem;}
  .ban3{
    height: 0px;opacity: 0;
    &.on{height: auto; opacity: 1;}
  }
  .con{
    box-shadow: 0px 0px 10px 0px rgba(171,171,171,0.35); padding: 0.2rem 0;
    .h3{font-size: 0.28rem; margin-bottom: 0.36rem;}
  }
}
.school-main5{
  .htit{
    margin-bottom: 0;
    .go{color: #999; font-size: 0.2rem;}
  }
  .list{
    .ico{width: 0.32rem; margin-left: 0.2rem;}
    .mlW{flex: 1;}
    .name{margin-bottom: 0.2rem;}
    .p{margin-bottom: 0.14rem;}
    .row1{max-width: 3rem;}
    .imgW{width:2.7rem; margin-left: 0.2rem;}
    .dd{border-bottom: 0.2rem solid #F8F8FA; padding: 0.3rem 0;}
  }
}

.school-main6{
  background-position: right center; background-repeat: no-repeat; background-image: url(../image/school-7-bg.png); background-size: 46%;
  .name{line-height: 0.48rem;}
  .dd{
    *{transition: all ease 0.3s;}
    position: relative; padding-left: 0.7rem; margin-bottom: 0.65rem;
    &::after{content: ''; width: 1px; height:70%; background-color: #ddd; left: 0.26rem; top: 0.6rem; display: block; position: absolute;}
    .np{color: #666;}
  }
  .on{
    *{color: $red !important;}
    .btn{border-color: $red;}
    .ico{background-image: url(../image/school-radio.png); background-size: 100% 100%; border-color: $red;}
  }
  .ico{position: absolute; width: 0.48rem; height: 0.48rem; border-radius: 50%; border: 1px solid #ddd; left: 0; top: 0;}
  .btn{width: 1.6rem; height: 0.4rem; border-radius: 0.4rem; border: 1px solid #ddd;}
}

.school-main7{
  padding-top: 0;
  .list{flex-wrap: wrap; align-items: stretch;}
  .dd{background-size:4.2rem; background-position: right 0; font-size: 0.2rem; padding: 0.5rem; box-shadow: 0px 1px 7px 0px rgba(191,191,191,0.51); background-repeat: no-repeat; margin-bottom: 0.2rem; background-size:2.6rem;}
  .ico{width: 0.58rem; min-width: 0.58rem; height: 0.58rem; margin-right: 0.17rem;}
  .name{font-size: 0.28rem;}
  .top{margin-bottom: 0.25rem;}
  .lab{color: #999;}
  .p{margin-bottom: 0.1rem; line-height: 1.6;}
  .red{color: $red; text-decoration: underline;}
  .dd2,.dd3{width: 49%; padding: 0.2rem; background-size:2rem;}
  .dd0{background-image: url(../image/school-8-1.png);}
  .dd1{background-image: url(../image/school-8-2.png);}
  .dd2{background-image: url(../image/school-8-3.png);}
  .dd3{background-image: url(../image/school-8-4.png);}
}

.school-form{
  position: relative;
  &::after{content: ''; display: block; height: 3.6rem; background-color: #02c176; background-position: right 0; background-size: 2.66rem; position: absolute;width: 100%; z-index: 0; left: 0; top: 0;background-image: url(../image/form-bg1.png); background-repeat: no-repeat;}
  .htit{margin-bottom: 0.26rem; color: #fff; padding-top: 0.4rem;}
  .con{color: #fff; max-width: 4.4rem; font-size: 0.2rem; margin-bottom: 0.3rem; line-height: 1.6;}
  .div{background-color: #fff;}
  .content,.div{z-index: 40;position: relative; }
  .w100{width: 100%;}
  .dd{margin-bottom: 0.16rem;}
  dl{ padding: 0.4rem;}
  .submit{height: 0.75rem;}
  .w3-form{padding-bottom: 0;}
}
.country-ban{
  padding: 0.4rem 0;
  .box{
    background-color: rgba(0,0,0,0.65); color: #fff; padding: 0.4rem;
    .h2{
      margin-bottom: 0.1rem;
      .red{color: $red;}
      .btn{border: 1px solid #00FF9B; padding: 0 0.2rem; height: 0.4rem; margin-left: 0.2rem; }
      
    }
    .up{margin-bottom: 00.2rem;}
    .cur{color: $red; margin-bottom: 0.3rem; display: inline-block;}
    .a{padding: 0 0.14rem; height: 0.4rem; background-color: $red; color: #fff;}
  }
}
$nyH:1.12rem;
.ny-header{
  height: $nyH; position: relative;
  .bg{height: $nyH; }
  .menu-list{list-style: none;box-shadow: 0px 3px 21px 0px rgba(0,0,0,0.07); background-color: #fff; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); max-width: 750px; top: 0;}
  .li{
    font-size: 0.24rem; position: relative;width: 20%;height: $nyH;
    &::after{content: ''; display: block; width: 1px; height: 0.2rem; background-color: #ddd; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    &.active{color: $red; font-size: 0.28rem; font-weight: bold; }
    &:last-child::after{display: none;}
  }
  &.fixed{
    .menu-list{position: fixed; z-index: 9999;}
  }
}

.country-main1{
  .imgW{height: 2.9rem;}
  .np{max-width: 3.4rem;}
  .red{color: $red; margin-left: 0.2rem; min-width: 0.8rem;}
  .imgW{
    position: relative;
    .con{width: 90%; position: absolute;left: 50%; transform: translateX(-50%); background-color: rgba(0,0,0,0.67); color: #fff; bottom: 0; padding:0.2rem 0.24rem; line-height: 1.6; font-size: 0.18rem; border-radius: 0.1rem 0.1rem 0 0 ; display: none;}
  }
  .swiper-slide-active{
    .con{display: block !important;}
  }
}

.country-main2{
  .np{line-height: 0.3rem; height: 0.9rem; color: #666; margin-bottom: 0.14rem;}
  .more{
    color: #666;
    &:hover{color: $red;}
  }
  .name{margin-bottom: 0.1rem; font-weight: bold;}
  .dd{border-bottom-width: 1px !important; border-bottom-color: #ededed !important;}
  .dd:last-child{border-bottom: none !important;}
}

.country-main3{
  .tabs{
    margin: 0.3rem 0;
    .dd{
      width: 23%; height: 0.62rem; border: 1px solid #fff;
      &.on{border-color: $red; color: $red;}
    }
  }
  .content{
    sbox-shadow: 0px 0px 10px 0px rgba(171,171,171,0.35); align-items: stretch;
    .w1{
      width: 3.2rem;  padding: 0.4rem 0.26rem; box-shadow: 0px 0px 10px 0px rgba(171,171,171,0.35); position: relative;z-index: 4; background-color: #fff;
      .tit{color: $red; margin-bottom: 0.2rem;}
      .con{background-image: url(../image/country-bg1.png); background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff; padding: 0.26rem; font-size: 0.18rem;}
    }
    .w2{
      width: 100%; flex: 1; padding-left: 0.4rem; line-height: 1.4;border: 1px solid #ddd; margin-left: -0.14rem;
      .lab{color: #323232; width: 1.2rem; font-weight: bold;}
      .p{color: #666666; flex: 1; width: 100%;}
      .lab1{font-weight: normal; color: #666;}
      .p1{color: $red;}
      .dd{margin-bottom: 0.1rem;}
    }
  }
}
.country-main4{
  .dd{background-position: center; background-size: cover; background-repeat: no-repeat; width: 2.1rem; height: 2.6rem; color: #fff; padding: 0.2rem;}
  .dd1{background-image: url(../image/country-3-1.png);}
  .dd2{background-image: url(../image/country-3-2.png);
    .tit{text-shadow: 0px 3px 5px #008C80;}
  }
  .dd3{background-image: url(../image/country-3-3.png);
    .tit{text-shadow: 0px 3px 5px #B64200;}
  }
  .tit{text-shadow: 0px 3px 5px #0046B4; margin-bottom: 0.14rem;}
}
.country-main5{
  .dd{text-align: center; padding: 0 0.1rem;}
  .ico{display: block; margin: 0 auto 0.04rem; width: 1.57rem; height: 1.53rem;}
  .tit{margin-bottom: 0.06rem;}
}

.flex-le{display: flex; align-items: flex-start;}

.country-main6{
  .con{
    background-repeat: no-repeat; background-image: url(../image/country-bg7.png); background-size: 100%; padding:0 6% 0 6.3%; position: relative;
    &::after{content: ''; display: block; width: 100%; height: 3rem;background: linear-gradient(0deg, #FFFFFF, rgba(255,255,255,0)); position: absolute; bottom: 0; left: 0; z-index: 10;}
    .list1{
      padding: 1.3rem 0 0.2rem;
      .btn{background-color: $red2; color: #fff; height: 0.45rem;}
      
    }
    .w1{
      width: 1.4rem;
      .btn{width: 1.2rem; margin-left: 0.1rem;}
    }
    .w2{
      width: 2rem; margin: 0 6px;
      .btn{width: 1.24rem;}
    }
    .w3{
      width: 100%; flex:1;
      .btn{width: 1.86rem;}
    }
  }
  .ban{
    height: 400px; overflow: hidden; background-color: #fff;
    b{color: $red2; padding-left: 0.2rem;}
    .swiper-slide{height: auto;
      .list{height: 100%;}
    }
    .swiper-slide:nth-child(even){background-color: #F4F4F4;}
    .swiper-wrapper{
      -webkit-transition-timing-function: linear; /*之前是ease-out*/
      -moz-transition-timing-function: linear;
      -ms-transition-timing-function: linear;
      -o-transition-timing-function: linear;
      transition-timing-function: linear;
    }
  }
}
.country-main7{
  .ban{padding-right: 0.2rem;}
  .name{text-align: center; margin-top: 5px;}
  .dd{width: 32%; margin-right: 1.33%;}
  .ban-dot{margin-top: 0.3rem;}
}
.country-main8{
  .list{
    .dd{background-color: #F3F4F8; width: 23%; padding: 0.3rem 0;
      &.on{
        background-color: $red; 
        .name{color:#fff;}
        .img2{display: block;}
        .img1{display: none;}
      }
    }
    .ico{
      width: 0.5rem; height: 0.5rem; margin: 0 auto 0.1rem;
      img{max-width: 100%; max-height: 100%;}
    }
    .name{color: #9CA5BA; text-align: center;}
    .img1{display: block;}
    .img2{display: none;}
  }
  .news{
    box-shadow: 4px 3px 10px 0px rgba(187,187,187,0.74); padding: 0.2rem 0.3rem; margin-top: 0.3rem;
    .imga{background-image: url(../image/school-logo.png); background-size: 0.42rem; background-repeat: no-repeat; background-position: 0 center; padding:0.2rem 0 0.2rem 0.6rem ; border-bottom: 1px dashed #ddd;}
    .imga:last-child{border-bottom: none;}
  }
}
#app{max-width: 750px; margin: 0 auto; overflow-x: auto;}

@import './theme/page';
@import './theme/study';
@import './new/music';
@import './new/design';